@layer secondLevel {
  .fullWidthWithPaddings {
    display: grid;
    grid-template-columns: var(--content-inline-padding) 1fr var(--content-inline-padding);
    width: 100vw
  }
  img.cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  img.contain {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }
  img.fill {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
  }
  .visuallyHidden {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
  }
  .imageInText {
    width: -moz-fit-content;
    width: fit-content;
    color: transparent;
    background-image: url("");
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover
  }
  .gradientInText {
    width: -moz-fit-content;
    width: fit-content;
    color: transparent;
    background-image: linear-gradient(90deg, red, blue);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover
  }
  .stickyOnTop {
    position: sticky;
    top: 0
  }
  [class*="grid"] {
    display: grid
  }
  [class*="grid"][class*="centring"] {
    place-content: center center
  }
  [class*="grid"][class*="AISpaceBetween"] {
    align-content: space-between
  }
  [class*="grid"][class*="gap40"] {
    gap: clamp(30px, calc(40 * 100vw / 1920), 40px)
  }
  [class*="grid"][class*="gap10"] {
    gap: 10px
  }
  [class*="grid"][class*="gap20"] {
    gap: 20px
  }
  [class*="grid"][class*="gap40_120"] {
    gap: clamp(40px, calc(120 * 100vw / 1920), 120px)
  }
  [class*="grid"][class*="PCCenterCenter"] {
    place-content: center center
  }
  [class*="grid"][class*="PICenterCenter"] {
    place-items: center center
  }
  [class*="grid"][class*="thirdRows"] {
    grid-template-columns: 1fr 1fr minmax(350px, 0.5fr)
  }
  [class*="grid"][class*="columns1frAuto"] {
    grid-template-columns: 1fr auto
  }
  [class*="grid"][class*="columns1.2fr_0.8fr"] {
    grid-template-columns: 1.2fr 0.8fr
  }
  [class*="grid"][class*="JIStart"] {
    justify-items: start
  }
  [class*="grid"][class*="JICenter"] {
    justify-items: center
  }
  [class*="grid"][class*="inline"] {
    display: inline-grid
  }
  [class*="grid"][class*="wrap250_1fr"] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
  }
  [class*="grid"][class*="AIStart"] {
    align-items: start
  }
  [class*="grid"][class*="ACBaseline"] {
    align-content: baseline
  }
  [class*="grid"][class*="JCSpaceBetween"] {
    justify-content: space-between
  }
  [class*="flex"] {
    display: flex
  }
  [class*="flex"][class*="rowNowrap"] {
    flex-flow: row nowrap
  }
  [class*="flex"][class*="rowWrap"] {
    flex-flow: row wrap
  }
  [class*="flex"][class*="gap15_40"] {
    gap: clamp(15px, calc(40 * 100vw / 1920), 40px)
  }
  [class*="flex"][class*="PCCenterSpaceBetween"] {
    place-content: center space-between
  }
  [class*="flex"][class*="AICenter"] {
    align-items: center
  }
  [class*="block"][class*="blackBg"] {
    background: var(--black-coffee);
    border: 1px solid var(--black-coffee)
  }
  [class*="block"][class*="coffeeBg"] {
    background: var(--second-coffee);
    border: 1px solid var(--second-coffee)
  }
  [class*="block"][class*="yellowCoffeeBg"] {
    background: var(--third-coffee);
    border: 1px solid var(--third-coffee)
  }
  [class*="block"][class*="whiteCoffeeText"] {
    color: var(--coffee-text-color)
  }
  [class*="block"][class*="whiteText"] {
    color: #fff
  }
  [class*="block"][class*="blackText"] {
    color: var(--black-coffee)
  }
  .fullScreenBlockWithPaddings {
    min-height: 100svh;
    padding-block: clamp(40px, calc(140 * 100vw / 1920), 140px)
  }
  .decorLetter {
    display: grid;
    grid-template-columns: auto 1fr;
    line-height: 2
  }
  .decorLetter::before {
    padding-right: 0.4em;
    font-weight: 700;
    color: var(--third-coffee);
    text-transform: uppercase
  }
  .decorLetter_address::before {
    content: "A :"
  }
  .decorLetter_email::before {
    content: "E :"
  }
  .decorLetter_phone::before {
    content: "P :"
  }
  .blockWithBackgroundImage {
    position: relative
  }
  .blockWithBackgroundImage img._background_image {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    contain: paint
  }
  .blockWithBackgroundImage img._background_image._full-height {
    height: 100%
  }
  .blockWithBackgroundImage img._background_image._35per-width {
    max-width: 35%;
    -o-object-fit: cover;
    object-fit: cover
  }
  [class*="styledScrollbar"] {
    /* colors, button / track */
    scrollbar-color: var(--black-text-color) var(--first-coffee);
    /* size */
    scrollbar-width: thin
  }
  [class*="styledScrollbar"]::-webkit-scrollbar {
    /* size */
    width: 10px;
    height: 10px
  }
  [class*="styledScrollbar"]::-webkit-scrollbar-track {
    /* track color */
    background: transparent
  }
  [class*="styledScrollbar"]::-webkit-scrollbar-thumb {
    /* button color */
    background: var(--black-text-color);
    /* padding size border color */
    border: 0 solid blue;
    /* rounding of the button */
    border-radius: 15px
  }
  [class*="styledScrollbar"][class*="squareButton"]::-webkit-scrollbar-thumb {
    /* rounding of the button */
    border-radius: 0
  }
  .stickyLeft0 {
    position: sticky;
    left: 0
  }
  .decorSquare::before {
    width: 2em;
    height: 2em;
    content: "";
    position: absolute;
    z-index: -1;
    top: -0.2em;
    left: -1em;
    display: inline-block;
    background: var(--third-coffee)
  }
  .decorSquare._inBackground {
    z-index: 2
  }
  .decorSquare._top0::before {
    top: 0
  }
  .blackBgWithDecor {
    padding: clamp(20px, calc(60 * 100vw / 1920), 60px);
    background: url("../images/blackBlockDecorBg.svg"),var(--black-coffee);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
  }
  ._customers_decor {
    position: absolute;
    top: 0
  }
  white-block._customers_decor {
    right: 0;
    width: 70%;
    height: 40%;
    background: var(--first-coffee)
  }
  image-block._customers_decor {
    left: 0;
    width: 30%;
    height: 40%
  }
}